<script setup>

</script>

<template>
  <aside class="p-2 w-[10%] border-r ">
    <ul class="my-2 flex flex-col items-center w-full gap-4">
      <li class="cursor-pointer">
        <!-- icon -->
        <span class="text-xl">视频</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">动漫</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">体育</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">游戏</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">科技</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">生活</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">电影</span>
      </li>
      <hr class="border border-black w-full"/>
      <li class="cursor-pointer">
        <span class="text-xl">直播</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">虚拟主播</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">电竞</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">健身</span>
      </li>
      <li class="cursor-pointer">
        <span class="1text-xl">旅游</span>
      </li>
    </ul>
  </aside>
</template>

<style scoped>

</style>